<template>
  <div>
    <el-form-item
      label="对齐方式"
    >
      <el-select v-model="activeData.table.align" placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>
    </el-form-item>
    <matrix-option :active-data="activeData" />
  </div>
</template>
<script>
import MatrixOption from './matrix'

import draggable from 'vuedraggable'
export default {
  name: 'ConfigItemMatrixInput',
  components: {
    MatrixOption,
    draggable
  },
  props: ['activeData'],
  data() {
    return {
      options:[
        {
          label:'居中',
          value:'center'
        },
        {
          label:'居左',
          value:'left'
        },
        {
          label:'居右',
          value:'right'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
